import React from "react";
import DetailsHeader from "../../../components/HeaderNav";
import Swiper from "../../../components/Swiper";
import BuyAndStore from "../BuyAndStore";
import Tabs from "../../../components/Tabs";
import Comment from "../Comment";


const DetailListView=(props)=>{
    const detailsData=props.detailData
     // const imgs=detailsData.imgs


    return (
        <div>
            {console.log("view中的数据")}

            <DetailsHeader title={'详情页'} />
            <div>
                   {/*{<Swiper banners={imgs}/>}*/}
                <Tabs>
                    <div label="详情" >
                        <div className="detail-info">
                            <h3>{detailsData.title}</h3>
                            <div className="box">
                                <ul>
                                    <li>
                                        <span>{detailsData.price} /月</span>
                                        <p>租金</p>
                                    </li>
                                    <li>
                                        <span>{detailsData.info.type}</span>
                                        <p>房屋类型</p>
                                    </li>
                                    <li>
                                        <span>{detailsData.houseType}</span>
                                        <p>面积</p>
                                    </li>
                                </ul>
                            </div>
                            <div className="info">
                                <div className="info-list">
                                    <p>类型：{detailsData.rentType}</p>
                                    <p>朝向：{detailsData.info.orientation}</p>
                                </div>
                                <div className="info-list">
                                    <p>楼层：{detailsData.info.level}</p>
                                    <p>装修：{detailsData.info.style}</p>
                                </div>
                                <div className="info-list">
                                    <p>年代：{detailsData.info.years}</p>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div label="评价信息">
                        <Comment id={props.id}/>
                    </div>
                </Tabs>


            </div>
            <BuyAndStore/>
        </div>
    )
}

export default DetailListView